/*****************************************************************************************
**  Author:jxx 2022
**  QQ:283591387
**完整文档见：http://v2.volcore.xyz/document/api 【代码生成页面ViewGrid】
**常用示例见：http://v2.volcore.xyz/document/vueDev
**后台操作见：http://v2.volcore.xyz/document/netCoreDev
*****************************************************************************************/
//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
import gridHeader from "@/components/print/selectTemplet.vue"
let extension = {
  components: {
    //查询界面扩展组件
    gridHeader,
    gridBody: '',
    gridFooter: '',
    //新建、编辑弹出框扩展组件
    modelHeader: '',
    modelBody: '',
    modelFooter: ''
  },
  tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
  buttons: { view: [], box: [], detail: [] }, //扩展的按钮
  methods: {
    //下面这些方法可以保留也可以删除
    onInit() {  //框架初始化配置前，
      //示例：在按钮的最前面添加一个按钮
      //   this.buttons.unshift({  //也可以用push或者splice方法来修改buttons数组
      //     name: '按钮', //按钮名称
      //     icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
      //     type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
      //     onClick: function () {
      //       this.$Message.success('点击了按钮');
      //     }
      //   });
      // console.log("columns",);
      // let obj = this.columns.filter(item => item.field == "Client_man")
      // console.log("obj", obj);
      // obj[0].render = this.getRender()
      //示例：设置修改新建、编辑弹出框字段标签的长度
      // this.boxOptions.labelWidth = 150;
      // this.setFiexdSearchForm(true);
      // this.buttons.forEach(item => {
      //   if (item.name == "高级查询") {
      //     item.hidden = true
      //   }
      // })
      this.queryFields = ["Client_name", "Client_flag", "Client_man"]

    },
    getRender() {
      return (h, { row, column, index }) => {
        return h("div", { style: {} }, [
          h(
            "a",
            {
              props: {},
              style: { "border-bottom": "1px solid" },
              on: {
                click: (e) => {
                  e.stopPropagation();
                  this.delClick(row);
                },
              },
            },
            "删除"
          ),
          h(
            "a",
            {
              props: {},
              style: { "margin-left": "9px", "border-bottom": "1px solid" },
              on: {
                click: (e) => {
                  e.stopPropagation();
                  //将当前行设置为编辑行
                  this.$refs.table.edit.rowIndex = index;
                },
              },
            },
            "编辑"
          ),
          h(
            "a",
            {
              props: {},
              style: { "margin-left": "9px", "border-bottom": "1px solid" },
              on: {
                click: (e) => {
                  e.stopPropagation();
                  //强制结束编辑
                  this.$refs.table.edit.rowIndex = -1;
                  //执行保存方法
                  this.editSave(row);
                },
              },
            },
            "保存"
          ),
        ]);
      };
    },
    onInited() {
      //框架初始化配置后
      //如果要配置明细表,在此方法操作
      //this.detailOptions.columns.forEach(column=>{ });
    },
    searchBefore(param) {
      //界面查询前,可以给param.wheres添加查询参数
      //返回false，则不会执行查询
      return true;
    },
    searchAfter(result) {
      //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
      return true;
    },
    addBefore(formData) {
      //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
      if(!this.editFormFields.Scale){
        this.base.ElMessageFn('请选择客户规模') 
        return false
      }
      if(!this.editFormFields.Credit_amt){
        this.base.ElMessageFn('请选择信誉等级') 
        return false
      }
      return true;
    },
    updateBefore(formData) {
      //编辑保存前formData为对象，包括明细表、删除行的Id
      if(!this.editFormFields.Scale){
        this.base.ElMessageFn('请选择客户规模') 
        return false
      }
      if(!this.editFormFields.Credit_amt){
        this.base.ElMessageFn('请选择信誉等级') 
        return false
      }
      return true;
    },
    rowClick({ row, column, event }) {
      //查询界面点击行事件
      this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
    },
    modelOpenAfter(row) {
      this.editFormFields.Display_flag=1
      this.editFormFields.Credit_quota=10000
      //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
      //(1)判断是编辑还是新建操作： this.currentAction=='Add';
      //(2)给弹出框设置默认值
      //(3)this.editFormFields.字段='xxx';
      //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
      //看不懂就把输出看：console.log(this.editFormOptions)
      this.editFormOptions.forEach(item => {
        item.forEach(x => {
          if (x.field == "Client_no") {
            x.disabled = true
          }
          if (x.field == "Display_flag" || x.field == "Credit_quota") {
            x.hidden=true
          }
          if (x.field == "Client_type" || x.field == "Client_flag") {
            if (this.currentAction == "Add") {
              x.disabled = true
              this.editFormFields.Client_type = "0"
              this.editFormFields.Client_flag = "1"
            }
            if (this.currentAction == "update" && x.field == "Client_flag") {
              x.disabled = false
            }
          }
          //处理省市区
          if (!this.editFormFields.Province) {
            if (x.field == "City" || x.field == "District") {
              x.disabled = true
            }
          } else {
            if (x.field == "City") {
              let url = `api/Sys_Dictionary/getcRegionDictionary?sjid=${this.editFormFields.Province}`;
              this.http.post(url, {}).then((result) => {
                let CityList = result.map(a => {
                  return {
                    key: a.citys_Id,
                    value: a.citys_name
                  }
                })
                x.data = CityList
              });
            }
          }
          if (!this.editFormFields.City) {
            if (x.field == "District") {
              x.disabled = true
            }
          } else {
            if (x.field == "District") {
              let url = `api/Sys_Dictionary/getcRegionDictionary?sjid=${this.editFormFields.City}`;
              this.http.post(url, {}).then((result) => {
                let DistrictList = result.map(a => {
                  return {
                    key: a.citys_Id,
                    value: a.citys_name
                  }
                })
                x.data = DistrictList
              });
            }
          }
          if (x.field == "Province") {
            let url = `api/Sys_Dictionary/getcRegionDictionary?sjid=D39479C4-1A27-43BE-8B27-739EB5CEA278`;
            this.http.post(url, {}).then((result) => {
              let ProvinceList = result.map(a => {
                return {
                  key: a.citys_Id,
                  value: a.citys_name
                }
              })
              x.data = ProvinceList
            });
            x.onChange = (val, option) => {
              this.editFormOptions.forEach(e => {
                e.forEach(i => {
                  if (i.field == "City" || i.field == "District") {
                    this.editFormFields.City = null
                    this.editFormFields.District = null
                    i.disabled = true
                  }
                  if (val) {
                    if (i.field == "City") {
                      url = `api/Sys_Dictionary/getcRegionDictionary?sjid=${val}`;
                      this.http.post(url, {}).then((result) => {
                        let CityList = result.map(a => {
                          return {
                            key: a.citys_Id,
                            value: a.citys_name
                          }
                        })
                        if (i.field == "City") {
                          i.data = CityList
                        }
                      });
                      i.disabled = false

                    }
                  }
                })
              })
            }
          }
          if (x.field == "City") {
            x.onChange = (CityVal) => {
              this.editFormOptions.forEach(c => {
                c.forEach(t => {
                  if (t.field == "District") {
                    this.editFormFields.District = null
                    t.disabled = true
                    if (CityVal) {
                      let url = `api/Sys_Dictionary/getcRegionDictionary?sjid=${CityVal}`;
                      this.http.post(url, {}).then((result) => {
                        console.log("District", result);
                        let DistrictList = result.map(a => {
                          return {
                            key: a.citys_Id,
                            value: a.citys_name
                          }
                        })
                        t.data = DistrictList
                        t.disabled = false
                      });
                    }
                  }
                })
              })
            }
          }
        })
      })
    }
  }
};
export default extension;
